<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>无标题文档</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			a {
				border: 1px solid #ddd;
				text-decoration: none;
				display: inline-block;
				padding: 3px 6px;
				color: #009;
				font-size: 12px;
				margin-right: 3px;
			}
			
			a:hover {
				background: #009;
				color: #fff;
			}
		</style>
	</head>

	<body>
		<a href="#">上一页</a>
		<a href="#">1</a>
		<a href="#">2</a>
		<a href="#">3</a>
		<a href="#">4</a>
		<a href="#">5</a>
		<a href="#">6</a>
		<a href="#">7</a>
		<a href="#">8</a>
		<a href="#">9</a>
		<a href="#">下一页</a>

	</body>

</html>